<template>
  <el-dialog
    :visible.sync="dialogVisible"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    title="人员配置 添加/修改"
    width="50%"
  >
    <el-form :size="formSize" label-width="120px">
      <el-form-item label="分配人：">
        <el-input v-model="formData.assignee" />
      </el-form-item>
      <el-form-item label="候选用户：">
        <el-input v-model="formData.candidateUsers" />
      </el-form-item>
      <el-form-item label="候选组：">
        <el-input v-model="formData.candidateGroups" />
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button :size="formSize" @click="dialogVisible = false">取消</el-button>
      <el-button type="success" :size="formSize" @click="saveBtn">保存</el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  name: 'Assignee',
  props: {
    formSize: {
      type: String,
      default: 'mini'
    },
    formData: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    showDialog() {
      this.dialogVisible = true
    },
    hiddenDialog() {
      this.dialogVisible = false
    },
    saveBtn() {
      this.dialogVisible = false
    }
  }
}
</script>

<style scoped>

</style>
